<ion-header class="borrow-apply-header">
  <ion-navbar hideBackButton="true">
    <ion-buttons start navPop class="back-buttons">
      <button ion-button clear></button>
    </ion-buttons>

    <ion-title float-left>借款申请</ion-title>
  </ion-navbar>
</ion-header>

<ion-content class="borrow-apply-section">

  <ion-list>
      <ion-item>
        <div>借款金额</div>
        <h4 *ngIf="loanDetails">{{loanDetails.amount}}</h4>
        <p>元</p>
      </ion-item>

      <ion-item>
        <div>借款期限</div>
        <h4 *ngIf="loanDetails">{{loanDetails.timeLimit}}</h4>
        <p>天</p>
      </ion-item>
      <ion-item>
        <div>实际到账</div>
        <h4 *ngIf="loanDetails">{{loanDetails.arrival}}</h4>
        <p>元</p>
      </ion-item>

      <ion-item>
        <div>综合费用</div>
        <h4 *ngIf="loanDetails">{{loanDetails.fee}}</h4>
        <p>元</p>
      </ion-item>

      <ion-item>
        <div>到账银行</div>
        <h4 *ngIf="loanDetails">{{loanDetails.bankName}}</h4>
      </ion-item>

      <ion-item>
        <div>取现卡号</div>
        <h4 *ngIf="loanDetails">{{loanDetails.bankNo | bank }}</h4>
      </ion-item>

  </ion-list>
  <div class="repayment-info" *ngIf="loanDetails">
    你需要<span>{{loanDetails.timeLimit}}</span>天后还款<span>
    {{loanDetails.amount}}</span>元
  </div>

  <button ion-button
          (click)="executeApply()"
          [disabled]="!checked"
          type="submit"
          block
  >确定申请</button>

  <div class="user-pact">
    <input (change)="executeChecked(checked)"
           [checked]="checked"
           type="checkbox"
           required
    >
    <span>我已经阅读并同意</span>
    <a>《用户协议》</a>
  </div>

  <bank-encryption-footer></bank-encryption-footer>

</ion-content>
